<markdown>
## TABS
参数 | 值 | 说明 |
------------ | -------------| -------|
tag | `v-qrcode` | 自定义标签
attribute | `width` | 二维码的宽度;默认值为`100`。
attribute | `height` | 二维码的高度;默认值为`100` 宽度和高度应尽量保持一致。
attribute | `css` | 二维码的样式的对象表达式;`string`类型。
attribute | `data` | 二维码所要呈现的内容。
attribute | `data-config` | 二维码的配置 {`foreground`:前景色默认为值为'#000000',`background`:背景色，默认值为'#ffffff',`typeNumber` : 类型，默认值为-1,`errorCorrectionLevel` : 1}
event | `rendered` | 二维码图像渲染完成 回参为组件的实例，可以调用下列方法。
function | `getBase64` | 获取二维码的base64 字符串。
> 本组件在markdown中不起作用
</markdown>


<v-tabs>
	<div style="width:100px;height:100px;background-color:red;">
	</div>
	<div style="width:100px;height:100px;background-color:yellow;">	
	</div>
	<div style="width:100px;height:100px;background-color:green;">
	</div>
</v-tabs>

<v-code :templateid="'code'"></v-code>




<script type="x-template" id="code">
// 打开
_open() {
	this.DrawerLayout.open();
}
// 关闭
_close() {
	this.DrawerLayout.close();
}
renderf() {
	return(<DrawerLayout
		ref={ref => { this.DrawerLayout = ref; }}
		duration={200}
		gestureDisabled={false}
		drawerWidth={500}
		drawerTriggerWidth={20}
		renderNavigationView={() => this._navigationView()}
		backdropDisabled={false}
		backdropOpacity={0.7}
		closeWhenBackdropPress
		opened={() => { Modal.toast('打开完成'); }}
		closed={() => { Modal.toast('关闭完成'); }}
		openCancel={() => { Modal.toast('打开取消'); }}
		closeCancel={() => { Modal.toast('关闭取消'); }}
		style=\{\{ justifyContent: 'center', alignItems: 'center' }}
	>
		<Button onPress={() => { this._open(); }}>OPEN</Button>
		<Button onPress={() => { this._close(); }}>CLOSE</Button>
	</DrawerLayout>) 
}
</script>

